
<div>
	<div class="editCreate-h4"><span>推广计划：</span><button type="button" class="btn btn-link" data-toggle="modal" data-target=".selectPlan">选择推广计划</button></div>
	<div class="editCreate-top">
		<div class="editCreate-topleft">
			<div>
			  <ul class="nav nav-tabs" role="tablist">
			  	<li style="font-size: 18px; line-height: 2;font-weight: 700;">创意素材：</li>
			    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">静态图片</a></li>
			    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">视频</a></li>
			    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">动图</a></li>
			    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">缩放图</a></li>
			    <li role="presentation"><a href="#rowimg" aria-controls="rowimg" role="tab" data-toggle="tab">横图</a></li>
			  </ul>
			  <div class="tab-content">
			    <div role="tabpanel" class="tab-pane active" id="home">
			    	<div>
			    		<button class="btn btn-warning">上传素材</button>
			    	</div>
			    </div>
			    <div role="tabpanel" class="tab-pane" id="profile">
			    	<div>
			    		<button class="btn btn-warning">上传视频</button>
			    	</div>
			    	<div>
			    		<button class="btn btn-warning">上传封面</button>
			    	</div>
			    </div>
			    <div role="tabpanel" class="tab-pane" id="messages">3</div>
			    <div role="tabpanel" class="tab-pane" id="settings">4</div>
			    <div role="tabpanel" class="tab-pane" id="rowimg">5</div>
			  </div>
			</div>
		</div>
		<div class="editCreate-topright">
		  <ul class="nav nav-tabs" role="tablist">
		  	<li style="font-size: 18px; line-height: 2;font-weight: 700;">创意预览：</li>
		    <li role="presentation" class="active"><a href="#firstScreen" aria-controls="home" role="tab" data-toggle="tab">首屏</a></li>
		    <li role="presentation"><a href="#secondScreen" aria-controls="profile" role="tab" data-toggle="tab">第二屏</a></li>
		  </ul>
		  <div class="tab-content">
		    <div role="tabpanel" class="tab-pane active" id="firstScreen">
		    	<div>
			    	<img src="../../images/tupian.PNG">
			    </div>
		    </div>
		    <div role="tabpanel" class="tab-pane" id="secondScreen">...</div>
		  </div>
		</div>
	</div>
	<div style="width:100%;height:20px;background: gainsboro;"></div>
	<div class="editCreate-center">
		<h4>手机品牌：<span>中文</span></h4>
		<div class="editCreate-centerTab">
		  <label class="col-sm-1 control-label" style="padding-left: 36px;">语言</label>
		  <ul class="nav nav-tabs" role="tablist">
		    <li role="presentation" class="active"><a href="#China" aria-controls="China" role="tab" data-toggle="tab">中文</a></li>
		    <li role="presentation"><a href="#English" aria-controls="English" role="tab" data-toggle="tab">英文</a></li>
		    <li role="presentation"><a href="#Arabian" aria-controls="Arabian" role="tab" data-toggle="tab">阿拉伯语</a></li>
		  </ul>
		  <div class="tab-content">
		    <div role="tabpanel" class="tab-pane active" id="China">
		    	<div class="form-horizontal editClient-China">
				  <div class="form-group has-feedback">
				    <label class="col-sm-2 control-label">来源</label>
				    <div class="col-sm-10">
				      <input type="text" class="form-control" placeholder="@视觉中国/壹刻锁屏" aria-describedby="inputSuccess4Status">
				      <span class="form-control-feedback" aria-hidden="true">0/20</span>
				      <span id="inputSuccess4Status" class="sr-only"></span>
				    </div>
				  </div>
				  <div class="form-group has-feedback">
				    <label class="col-sm-2 control-label">广告标题</label>
				    <div class="col-sm-10">
				      <input type="text" class="form-control" placeholder="实例：极限滑雪" aria-describedby="inputSuccess4Status">
				      <span class="form-control-feedback" aria-hidden="true">0/40</span>
				      <span id="inputSuccess4Status" class="sr-only"></span>
				    </div>
				  </div>
				  <div class="form-group has-feedback">
				    <label class="col-sm-2 control-label">广告语</label>
				    <div class="col-sm-10">
				      <textarea type="text" class="col-sm-12" rows="10" aria-describedby="inputSuccess4Status"></textarea>
				      <span class="form-control-feedback" aria-hidden="true">0/80</span>
				      <span id="inputSuccess4Status" class="sr-only"></span>
				    </div>
				  </div>
				  <div class="form-group has-feedback">
				    <label class="col-sm-2 control-label">链接名称</label>
				    <div class="col-sm-10">
				      <input type="text" class="form-control" aria-describedby="inputSuccess4Status">
				      <span class="form-control-feedback" aria-hidden="true">0/40</span>
				      <span id="inputSuccess4Status" class="sr-only"></span>
				    </div>
				  </div>
				  <div class="form-group has-feedback">
				    <label class="col-sm-2 control-label">跳转地址</label>
				    <div class="col-sm-10">
				      <input type="text" class="form-control">
				    </div>
				  </div>
				  <div class="form-group has-feedback">
				    <label class="col-sm-2 control-label">曝光监测</label>
				    <div class="col-sm-10">
				      <input type="text" class="form-control">
				    </div>
				  </div>
				</div>
		    </div>
		    <div role="tabpanel" class="tab-pane" id="English">2</div>
		    <div role="tabpanel" class="tab-pane" id="Arabian">3</div>
		  </div>
		</div>
	</div>
	<div style="width:100%;height:20px;background: gainsboro;"></div>
	<div class="editCreate-bottom">
		<h4>设置创意和标签</h4>
		<div class="form-horizontal editCreateTab">
			<div class="form-group">
				<label class="col-sm-2 control-label">创建分类</label>
				<div class="col-sm-5">
					<select class="form-control">
					  <option>1</option>
					  <option>2</option>
					  <option>3</option>
					  <option>4</option>
					  <option>5</option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">创建标签</label>
				<div class="col-sm-5">
					<input type="text" class="form-control editCreate-focus">
					<div class="buttonWrapper">
						<button class="btn btn-primary" style="margin-bottom: 5px;margin-top: 5px;">动物<span class="btn-remove" style="margin-left: 12px;">X</span></button>
					</div>
				</div>
				<div class="col-sm-3">
					<button class="btn btn-warning editCreate-addcreate">添加</button>
				</div>
			</div>
			<div class="form-group has-feedback">
				<label class="col-sm-2 control-label">广告标题</label>
				<div class="col-sm-5">
				    <input type="text" class="form-control" placeholder="实例：极限滑雪" aria-describedby="inputSuccess4Status">
				    <span class="form-control-feedback" aria-hidden="true">0/40</span>
				    <span id="inputSuccess4Status" class="sr-only"></span>
				</div>
			</div>
		</div>
	</div>
	<div class="editCreate-footer">
		<button class="btn btn-default" id="editCreatecancel">取消</button>
		<button class="btn btn-primary" id="editCreatesave">保存</button>
	</div>
</div>
<!--选择推广计划模态框-->
<div class="modal fade selectPlan" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document" style="width:80%;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">选择推广计划</h4>
      </div>
      <div class="modal-body">
       	<div class="form-inline" style="margin-bottom: 10px;">
       		<div class="form-group" style="width:87%;">
			    <div class="col-sm-12">
			      <input type="text" class="form-control" placeholder="请输入创意名称" style="width:100%;">
			    </div>
		  	</div>
		  	<div class="form-group">
			   <button type="button" class="btn btn-primary">搜索</button>
		  	</div>
       	</div>
       	<div class="selectPlantable">
       		<div>
       			<p>计划名称</p>
       			<p>推广组名称</p>
       			<p>投放时间</p>
       			<p>投放方式</p>
       		</div>
       		<div>
       			<p>奔驰51计划</p>
       			<p>奔驰51大促</p>
       			<p>2017-3-22至2017-4-22</p>
       			<p>CPT</p>
       		</div>
       		<div>
       			<p>奔驰51计划</p>
       			<p>奔驰51大促</p>
       			<p>2017-3-22至2017-4-22</p>
       			<p>CPT</p>
       		</div>
       	</div>
       	<!--分页-->
       	<div>
	       	<nav aria-label="...">
			  <ol class="pagination">
			    <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
			    <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
			    <li><a href="#">2 <span class="sr-only">(current)</span></a></li>
			    <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&raquo;</span></a></li>
			  </ol>
			</nav>
		</div>
      </div>
    </div>
  </div>
</div>
<link rel="stylesheet" type="text/css" href="html/originalityMM/createListSub.css">
<script type="text/javascript" src="html/originalityMM/createListSub.js"></script>

